<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			window.onload = function(){
				var oVideo = document.getElementById("video");
//				console.dir(oVideo);
				oVideo.currentTime = '20';
				console.log(oVideo.src,oVideo.duration,oVideo.paused);
				var inputs = document.getElementsByTagName('input');
				inputs[0].onclick = function(){
					oVideo.play();
				}
				inputs[1].onclick = function(){
					oVideo.pause();
				}
				inputs[2].oninput = function(){
					oVideo.volume = this.value;
				}
				inputs[3].onclick = function(){
					if(oVideo.muted){
						oVideo.muted = false;
					}else{
						oVideo.muted = true;
					}
					
				}
			}
		</script>
	</head>
	<body>
		<video id="video" controls="" width="400" poster="1.png" height="400">
			<source src="shipin.mp4"></source>
			<!--<source src="shipin.avi"></source>
			<source src="shipin.ogg"></source>-->
		</video>
		<input type="button" value="播放" />
		<input type="button" value="暂停" />
		<input type="range" name="" min="0" step="0.1" max="1" id="" />
		<input type="button" value="静音" />
	</body>
</html>
